<template>

   <div>
        <!--引入面包屑组件-->
        <BreadCrumbElement></BreadCrumbElement>
        <h3>用户管理</h3>
        <SearchElement  @getData="handerData"></SearchElement>
        <el-button type="primary" @click="visibleDialog=true">新建</el-button>
        <!--导入对话框-->
        <AddDialog  :visible.sync="visibleDialog"></AddDialog>
        <!--导入列表-->
        <MyList :listData="listData"></MyList>

        <div >
            <el-pagination
                background
                layout="prev, pager, next,sizes"
                :total="10">
</el-pagination>
        </div>

   </div>

</template>

<script>

import BreadCrumbElement from './Breadcrumb'
import SearchElement from './Search'
import AddDialog from './AddDialog'
import MyList from './List'

export default {
   components:{// 映射组件
       BreadCrumbElement,
       SearchElement,
       AddDialog,
       MyList,
   },
   data(){
       return {
           visibleDialog:false,
           listData:[{id:1,"super":"false","name":"张三四"},{id:2,"super":"true","name":"刘德德"}]
       }
   },
   methods:{
       handerData(data){
           alert(data)
       }
   },
   created(){

   }
}
</script>

<style>

</style>